Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

question-container:not(:last-child)::after {

free521521521
Topic Author
Offline
Premium Member

More

3 years 5 months ago #242137 by free521521521

question-container:not(:last-child)::after { was created by free521521521

Please help us help you and fill where relevant:
Your LimeSurvey version: url=https://localhost:8888/limesurvey/index.php?r=surveyAdministration/rendersidemenulink&subaction=generalsettings&surveyid=324955#modalSystemInformation]6.0.0+230405 [/url
Own server or LimeSurvey hosting: self-host
Survey theme/template: fruity
==================
I trid custimize the interface style on mobile phone. I wan to remove the border for question-container, and add a divider between questions.
For example:

Code:

<!DOCTYPE html>
<html>
<head>
    <style>
        .group {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            padding: 10px;
        }
        .contaier {
            background-color: #f2f2f2;
            padding: 20px;
            position: relative;
        }
        .container:not(:last-child)::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 10px;
            background-color: red;
        }
    </style>
</head>
<body>
    <div class="group">
        <div class="container">
            <h2>标题一</h2>
            <p>这是第一个元素的内容。</p>
        </div>
        <div class="container">
            <h2>标题二</h2>
            <p>这是第二个元素的内容。</p>
        </div>
        <div class="container">
            <h2>标题三</h2>
            <p>这是第三个元素的内容。</p>
        </div>

        </div>

</body>
</html>

I use "question-container:not(:last-child)::after { " selecting the item1, item2, but not item3. I want to add a line between every item but leave the last open. It should looks like this: